草庐IT

CSS 链接

全部标签

javascript - AngularJS 指令链接功能不起作用

http://jsfiddle.net/kz26/kH9wg/我正在尝试使用AngularJS中的指令,并尝试了简写指令样式(仅返回链接函数)和普通样式(返回全部或部分指令定义对象)。不幸的是,我只能使用popup2中定义的速记方式使指令工作(激活jQuery弹出窗口)。普通的popup2指令似乎根本不起作用,特别是我的定义对象中的link函数从未被调用过。我需要做什么才能使此显式链接声明生效? 最佳答案 您的两个指令都进行了一些小的调整,以便在创建指令时重用相同的模块,而不是覆盖第一个指令。参见thisfiddle.而不是做:an

javascript - 带动画的 CSS 灰度

我有一些CSS可以将我的图像变成灰度(带有一些用于Firefox的svg)img.grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(desaturate.svg#greyscale);filter:gray;-webkit-filter:grayscale(1);}但现在我想要悬停时将灰度值更改为0的动画。我有这段代码,但它什么

javascript - 如何将 CSS 过渡设置为新元素或使用 JavaScript 执行相同操作

我看到一个CSS3菜单,它有很好的过渡效果:transition:all0.3sease0.1s;我想对我的表格应用相同的过渡。我有一个表格,在表格行上点击,新行被添加到点击的行之后,它被显示或隐藏。就像下面的代码(clickedTableRow具有用于点击行的jQuery选择器的值):clickedTableRow.after('somecontent');clickedTableRow.next().slideDown(3000);我怎样才能将上述css转换应用于新添加的表格行,而不是slideDown或者是否有等效的javascript?问题更新:也许我应该改写。将一些新创建的内

javascript - 水平滚动的 Css 位置固定但垂直滚动

我有如下三个div:现在我需要做的是保持#left和#right固定用于水平滚动和滚动#center。这适用于#left和#right的cssposition:fixed。但问题是,当我垂直滚动html页面时,我需要所有div的,即#left、#center和#right滚动。这是行不通的。请任何人帮助我如何做到这一点,以便#left和#right与#center一起垂直滚动,并在水平滚动时保持固定。我不知道如何使用css来完成它并让它工作。 最佳答案 试试这个链接,它使用一个名为scrollspy的插件来做这些事情。很简单...h

javascript - 你如何检测 CSS 动画何时以 JavaScript 开始和结束?

我习惯于使用JavaScript为元素设置动画。我发现用CSS3做起来更简单。如何使用JavaScript检测CSS动画何时开始以及何时结束?有什么办法吗? 最佳答案 将适当的事件绑定(bind)到元素,例如el.addEventListener("animationstart",function(){},false);el.addEventListener("animationend",function(){},false);el.addEventListener("animationiteration",function(){}

javascript - 使用 Javascript 切换 CSS 表格(点击)

试图找到仅用一个按钮在两个样式表之间切换的代码。我试图适应其他人的解决方案,但无济于事(还)。这是我最近的尝试:设置:functiontoggle(){varel=document.getElementById("style1");if(el.href=="resumecss.css"){el.href="resumecssinvert.css";}else{el.href="resumecss.css";}}调用:Switch目的是在一个页面上的两个皮肤之间重复翻转。提前感谢那些善良/知识渊博的人提供帮助。 最佳答案 尝试包括他们

javascript - dc.js 永久链接或 href 共享可视化过滤器状态?

我正在使用dc.js(http://edouard-legoupil.github.io/3W-Dashboard/)开发数据可视化主要限制是,当用户在探索数据时发现特定事实时,要重现他们使用的确切过滤器以便与其他用户分享他们的发现(并发起讨论)并不容易。一个解决方案可能是为每个过滤器状态设置永久链接。dc.js已经有了“dc.redrawAll();”重置所有过滤器,但是否有能力卡住某个过滤器状态并将其传递给#href?理想情况下,此类href将通过分享按钮或通过常规的facebook/twitter分享功能分享。任何代码片段或示例都会很有帮助!提前致谢,爱德华

javascript - 我如何使用 Angular Hook 点击链接,并在点击完成之前添加 href?

上下文:当用户点击链接时,我需要从服务器获取URL。事前不能使用。单击链接应该会正常工作,但使用的是获取的URL。过程如下:链接在被点击前包含href="#"链接被点击我使用ng-mousedown或ng-clickHook点击,并使用$http请求从服务器获取URL.链接的href使用URL更新。原始点击应该完成(使用新的url,而不是#占位符)。问题出在最后一步。由于$http请求是异步的,我怀疑存在计时问题。我的怀疑是:如果服务器请求足够快,它会通过,并且在原始点击通过之前更改了URL。如果没有,则原始点击会通过并尝试转到#占位符URL。所以点击链接时什么也不会发生。我想让原始点

javascript - node.js 链接多个 promise (使用 Mongoose )

以下是我正在处理的一个典型的promise函数。var_delete=function(t,id){returnPromise.cast(Event.find({where:{id:id}},{transaction:t})).then(function(d){if(d){//-------(*)returnPromise.cast(d.updateAttributes({status:-1},{transaction:t})).then(function(){//doinventorystuffreturnPromise.cast(Inventory.update({}).exec(

javascript - Gulp 在 gulp.src() 的符号链接(symbolic link)上给出错误

我的图像文件夹中有一个符号链接(symboliclink)指向另一个包含第三方库提供的外部图像的文件夹(由bower管理-非常喜欢javascript)。作为构建过程的一部分,我按如下方式压缩所有图像:gulp.task('images',function(){returngulp.src('static/img/**/*').pipe(imagemin({optimizationLevel:3,progressive:true,interlaced:true})).pipe(gulp.dest('dist/img'))});当gulp到达img文件夹中的符号链接(symbolicli